<template>
	<div style="padding-top:50px;">
		<TopWithBack></TopWithBack>
    <div class="setting_shipping_addr" @click="Openwelcom">
        <div class="setting_shipping_addr_l"><img src="./../../assets/images/smile_icon.png"></div>
         <div class="setting_shipping_addr_r">
       
            <div class="setting_shipping_addr_r_l">欢迎界面</div>
            <div class="setting_shipping_addr_r_r"><img src="./../../assets/images/go.png"></div>
          
        </div>
      
    </div>
   <div class="setting_shipping_addr" @click="Openquestion">
        <div class="setting_shipping_addr_l"><img src="./../../assets/images/question_icon.png"></div>
         <div class="setting_shipping_addr_r">
          
            <div class="setting_shipping_addr_r_l">常见问题</div>
            <div class="setting_shipping_addr_r_r"><img src="./../../assets/images/go.png"></div>
          
        </div>
      
    </div>
    <div class="setting_shipping_addr" @click="OpenContact">
        <div class="setting_shipping_addr_l"><img src="./../../assets/images/tel_icon1.png" width="60%" style="margin-top: 12px"></div>
         <div class="setting_shipping_addr_r">
        
            <div class="setting_shipping_addr_r_l">联系我们</div>
            <div class="setting_shipping_addr_r_r"><img src="./../../assets/images/go.png"  ></div>
        
        </div>
      
    </div>
    <div class="index_divide"></div>
    <div class="setting_shipping_addr" @click="Openchangepassword">
        <div class="setting_shipping_addr_l"><img src="./../../assets/images/lock_icon.png"></div>
         <div class="setting_shipping_addr_r">
          
            <div class="setting_shipping_addr_r_l">登陆密码</div>
            <div class="setting_shipping_addr_r_r"><img src="./../../assets/images/go.png"></div>
          
        </div>
      
    </div>
    <div class="setting_shipping_addr" @click="Openaboutus">
        <div class="setting_shipping_addr_l"><img src="./../../assets/images/waring_icon.png"></div>
         <div class="setting_shipping_addr_r">
          
            <div class="setting_shipping_addr_r_l">关于我们</div>
            <div class="setting_shipping_addr_r_r"><img src="./../../assets/images/go.png"></div>
       
        </div>
      
    </div>
      <div class="setting_shipping_addr" @click="Openprotocol">
        <div class="setting_shipping_addr_l"><img src="./../../assets/images/note_icon.png" style="margin-top: 13px;margin-left: 11px"></div>
         <div class="setting_shipping_addr_r">
          
            <div class="setting_shipping_addr_r_l">用户协议</div>
            <div class="setting_shipping_addr_r_r" ><img src="./../../assets/images/go.png" ></div>
       
        </div>
      
    </div>
    <div class="index_divide"></div>
   
   <button class="logn_out_btn" @click="Openlogin">退出登录</button> 
  </div>
</template>
<script>
import TopWithBack  from './../common/TopWithBack.vue'
export default{
  name: 'More',
  methods:{
    Openwelcom(){
      this.$router.push({
            path:'/aboutus/1',
            query:{
                title:'欢迎界面'
            }
        })
    },
    Openquestion(){
      this.$router.push({
        path:'/aboutus/5',
        query:{
          title:'常见问题'
        },
      })
    },
    Openaboutus(){
      this.$router.push({
        path:'/aboutus/4',
        query:{
          title:'关于我们'
        },
      })
    },
    Openprotocol(){
      this.$router.push({
        path:'/aboutus/2',
        query:{
          title:'用户协议'
        },
      })
    },
    Openchangepassword(){
      this.$router.push({
        name:'UpPassword'
      })
    },
    OpenContact(){
        this.$router.push({
          path:'/aboutus/3',
          query:{
            title:'联系我们'
          },
        })
    },
    Openlogin(){
      this.$router.push({
        name:'Login'
      })
    },
  },
  components:{
  	TopWithBack,
  }
}
</script>
<style>

</style>



